{include file="common/header" /}
<!-- 中间区域 START -->
<!-- 轮播图 -->
<div class="p-r index-swiper w100 p-r">
    <div class="swiper mySwiper">
        <div class="swiper-wrapper">
            {foreach name="banner" item="val"}
            <div class="swiper-slide ">
                <a href="{$val.url}" class="img_100"><img src="{$val.img}" value="{$val.title}"></a>
            </div>
            {/foreach}
        </div>
        <div class="swiper-button-prev swiper-button-white"></div>
        <div class="swiper-button-next swiper-button-white"></div>
    </div>
</div>


{foreach name="function->getCatChildList(1)" item="cat"}
{eq name="cat.id" value="10"}
<section class="bg_img" style="background-image: url({$cat.logo})">
    <div class="layui-main">
        <div class="title-index">
            <p class="en" data-scroll-reveal="enter top over 1s after 0s">{$cat.keywords}</p>
            <p class="cn" data-scroll-reveal="enter top over 1s after 0s">{$cat.title}</p>

        </div>
        <ul class="product-list d-grid grid4 gap40 grid-xs1 gap-xs20 mt40">
            {volist name="goods_list" id="goods"} 
            <a  data-scroll-reveal="enter left over 1s after {$key*0.4}s" href="/goods-detail-{$goods.id}">
                <div class="img_100 img1">
                    <img src="{$goods.logo}">
                </div>
                <p style="white-space: normal;text-align: left;">{$goods.title}</p>

            </a> 
            {/volist}
            <!-- {foreach name="function->getCatArticle(2,8,1)" item="atc" key="n"}
            <a  data-scroll-reveal="enter left over 1s after {$n*0.4}s" href="/index/Article/show/cat_id/{$atc.cat_id}/id/{$atc.id}">
                <div class="img_100 img1">
                    <img src="{$atc.logo}">
                </div>
                <p>{$atc.title}</p>

            </a> 
            {/foreach} -->
        </ul>
        <div class="mt40 flex-center "  data-scroll-reveal="enter bottom over 1s after 1s">
            <a  href="/site-List-2.html" class="layui-btn btn-blue">全部产品</a>
        </div>
    </div>
</section>
{/eq}
{eq name="cat.id" value="11"}
<section class="bg_img" style="background-image: url({$cat.logo})">
    <div class="layui-main">
        {foreach name="function->getCatArticle($cat.id)" item="atc"}
        <div class="d-grid grid2 gap80 gap30-xs al-c ftc grid-xs1">
            <div data-scroll-reveal="enter right over 1s after 0s">
                <h1 class=" ft40 op40">{$atc.subtitle}</h1>
                <h1 class="ftc ft26 mt10 ">{$atc.title}</h1>
                <div class="s_content mt50 line18">{$atc.content|raw|nl2br}</div>
                <div class="mt40">
                    <a href="{$atc.keywords}" class="layui-btn btn-blue">了解更多</a>
                </div>
            </div>
            <div class="img_box" data-scroll-reveal="enter left over 1s after 0s">
                <img src="{$atc.logo}">
            </div>
        </div>
        {/foreach}



    </div>
</section>
{/eq}
{eq name="cat.id" value="12"}
<section class="index-industry">
    <div class="layui-main">
        <div class="title-index">
            <p class="en" data-scroll-reveal="enter top over 1s after 0s">{$cat.keywords}</p>
            <p class="cn" data-scroll-reveal="enter top over 1s after 0s">{$cat.title}</p>
        </div>
        <ul class="mt40 d-grid grid3 gap20 grid-xs1 industry">

            {foreach name="function->getCatArticle(3,3,1)" item="atc"}
            <a data-scroll-reveal="enter bottom over 1s after {$n*0.4}s" href="/index/Article/show/cat_id/{$atc.cat_id}/id/{$atc.id}">
                <div class="img_100">
                    <img src="{$atc.logo}">
                </div>
                <div class="content ">

                    <h5 class="layui-elip ft18">{$atc.title}</h5>
                    <p class="line-clamp2 line18 subtitle">{$atc.subtitle}</p>
                    <div class="btn">
                        <p><?=date("Y-m-d",strtotime($atc['create_at']))?></p>
                        <p>了解详情</p>
                    </div>
                </div>

            </a>
            {/foreach}
        </ul>

    </div>
</section>
{/eq}
{/foreach}

<script src="/public/home/js/index.js"></script>
<script src="__ROOT__/public/home/js/swiper-bundle.min.js"></script>
<script>
    var swiper = new Swiper(".mySwiper", {
        navigation: {
            nextEl: ".mySwiper .swiper-button-next",
            prevEl: ".mySwiper .swiper-button-prev",
        },
        pagination: {
            el: ".swiper-pagination",
        },
        autoplay: {
            delay: 5000, //1秒切换一次
        },
    });
</script>
<!-- 声明页脚部分 -->
{include file="common/footer" /}